<ul class="pagination">
    <li><a class="first" >首页</a></li>
    <li><a class="pre">上一页</a></li>
    <li><a class="next">下一页</a></li>
    <li><a class="last">尾页</a></li>
    <li><a class="rowCount">总记录数(0)</a></li>
    <li><a class="pageCount">总页数(0)</a></li>
    <li><a class="pageCurrent">当前页(1)</a></li>
</ul>
<script type="text/javascript">
    $(function (){
        $(".page-under").on("click",".first,.pre,.next,.last",doJumpPage);
    });
    function doinitPage(data){
        $(".rowCount").html(`总记录数(${data.rowCount})`);
        $(".pageCount").html(`总页数(${data.pageCount})`);
        $(".pageCurrent").html(`当前页数(${data.pageCurrent})`);
        $(".page-under").data("pageCurrent",data.pageCurrent);
        $(".page-under").data("pageCount",data.pageCount);
    }
    function doJumpPage(){
        let pageCurrent = $(".page-under").data("pageCurrent");
        let pageCount = $(".page-under").data("pageCount");
        let cls = $(this).prop("class");
            if(cls==="first"){
                pageCurrent=1;
            }else if (cls==="pre"&&pageCurrent>1){
                pageCurrent--;
            }else if (cls==="next"&&pageCurrent<pageCount){
                pageCurrent++;
            }else if (cls==="last"){
                pageCurrent=pageCount;
            }else{
                return ;
            }
            $(".page-under").data("pageCurrent",pageCurrent);
            doGetItems();
    }
</script>